<div class="panel panel-default m-n">
    <div class="panel-heading font-bold">预留会员编号</div>
    <div class="panel-body">
        <form name="clientNumberForm" role="form" class="ng-pristine ng-valid" ng-submit="reservedNum()">
            <div class="m-b-sm">
                <div class="m-b-sm">
                    <label ng-if="value!=null">编号区间：(已选{{value.startValue}}~{{value.endValue}})</label>
                    <label ng-if="value==null">编号区间：(暂无预留区间)</label>
                </div>
                <div class="text-center">
                    <div class="inline">
                        <input type="number" ng-model="reservedNumber.start" class="form-control w-xs inline" disabled required>
                        <span class="inline"> ~ </span>
                        <input type="number" min="{{reservedNumber.start+1}}" max="{{reservedNumber.start+299}}" step="1" name="max" ng-model="reservedNumber.end" class="inline w-xs form-control" required>
                    </div>
                </div>
                <div ng-if="clientNumberForm.max.$touched">
                    <span class="text text-danger" ng-if="clientNumberForm.max.$error.min">(结束编号请勿小于开始编号)</span>
                    <span class="text text-danger" ng-if="clientNumberForm.max.$error.max">(每次最多预留300个编号)</span>
                </div>
            </div>
            <div class="text-right">
                <div>
                    <button class="btn btn-sm btn-info" type="submit" ng-disabled="clientNumberForm.$invalid">确定</button>
                    <div class="btn btn-sm btn-default" ng-click="cancel()">取消</div>
                </div>
            </div>
        </form>
    </div>
</div>